<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfonts/iconfont.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div class="nav-box">
        <div class="nav wrapper">
            <ul>
                <li>小米网</li><i>|</i>
                <li>MIUI</li><i>|</i>
                <li>米聊</li><i>|</i>
                <li>游戏</li><i>|</i>
                <li>多看阅读</li><i>|</i>
                <li>云服务</li><i>|</i>
                <li>小米网移动版</li><i>|</i>
                <li>问题反馈</li><i>|</i>
                <li>Select Region</li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
    <div class="head wrapper">
        <img class="logo" src="./images/logo.png" alt="">
        <img class="new" src="./images/new.gif" alt="">
        <ul>
            <li>小米手机</li>
            <li>红米</li>
            <li>平板</li>
            <li>电视</li>
            <li>盒子 · 影音</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
        </ul>
    </div>
    <!-- banner -->
    <div class="banner wrapper">
        <ul>
            <li>手机 平板 电话卡</li>
            <li>电视 盒子</li>
            <li>路由器 智能硬件</li>
            <li>移动电源 插线板</li>
            <li>耳机 音箱</li>
            <li>电池 存储卡</li>
            <li>保护套 后盖</li>
            <li>贴膜 其他配件</li>
            <li>米兔 服装</li>
            <li>箱包 其他周边</li>
        </ul>
        <div class="banner_pic">
            <img src="./images/banner.png" alt="">
        </div>
    </div>
    <!-- 产品区 -->
    <ul class="pros wrapper">
        <li>
            <p>我就是一个空色块<br>一言不合就这么任性</p>
        </li>
        <li><img src="./images/pro1.png" alt=""></li>
        <li><img src="./images/pro2.png" alt=""></li>
        <li><img src="./images/pro3.png" alt=""></li>
    </ul>
    <!-- 商品 -->
    <div class="goods-box">
        <div class="wrapper">
            <div class="title">
                <h3>智能硬件</h3>
                <span>查看全部</span>
            </div>
            <div class="bd">
                <div class="left">
                    <img src="./images/girl.jpg" alt="">
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <img src="./images/d1.jpg" alt="">
                            <h4>小米路由器3</h4>
                            <p>四天线设计，更安全更稳定</p>
                            <span>149元</span>
                            <div class="free">免邮费</div>
                        </li>
                        <li>
                            <img src="./images/d2.jpg" alt="">
                            <h4>米家LED智能台灯</h4>
                            <p>无可视频闪，亮度色温无级调节</p>
                            <span>169元</span>
                        </li>
                        <li>
                            <img src="./images/d3.jpg" alt="">
                            <h4>小米净水器</h4>
                            <p>RO反渗透直出纯净水，包邮包安装</p>
                            <span>1999元</span>
                            <div class="free">免邮费</div>
                        </li>
                        <li>
                            <img src="./images/d4.jpg" alt="">
                            <h4>小米智能摄像机 夜视版</h4>
                            <p>能看能听能说，手机远程观看</p>
                            <span>149元</span>
                        </li>
                        <li>
                            <img src="./images/d5.jpg" alt="">
                            <h4>Yeelight床头灯</h4>
                            <p>触摸式操作，给卧室1600万种色彩</p>
                            <span>249元</span>
                        </li>
                        <li>
                            <img src="./images/d6.jpg" alt="">
                            <h4>小米空气净化器2</h4>
                            <p>10分钟，房间空气焕然一新</p>
                            <span>699元</span>
                        </li>
                        <li>
                            <img src="./images/d7.jpg" alt="">
                            <h4>小米智能安防套装</h4>
                            <p>智能警戒，为您的家庭添一份安心</p>
                            <span>169元<i>188元</i></span>
                            <div class="free discount">享9折</div>
                        </li>
                        <li>
                            <img src="./images/d8.jpg" alt="">
                            <h4>米家iHealth血压计</h4>
                            <p>爸妈上手就会用的智能血压计</p>
                            <span>399元</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 帮助中心 -->
    <div class="help wrapper">
        <div class="left">
            <dl>
                <dt>帮助中心</dt>
                <dd>账户管理</dd>
                <dd>购物指南</dd>
                <dd>订单操作</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后政策</dd>
                <dd>自助服务</dd>
                <dd>相关下载</dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>零售网点</dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>联系我们</dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd>新浪微博</dd>
                <dd>小米部落</dd>
                <dd>官方微信</dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd>F 码通道</dd>
                <dd>小米移动</dd>
                <dd>防伪查询</dd>
            </dl>
        </div>
        <div class="right">
            <div class="phone">
                <p>400-100-5678</p>
                <p>周一至周日 8:00-18:00 <br>（仅收市话费）</p>
            </div>
        </div>
    </div>
    <!-- 版权 -->
    <div class="copyright">
        <div class="copy wrapper">
            <img class="logo2" src="./images/logo.png" alt="">
            <div>
                <ul>
                    <li>小米网</li><span>|</span>
                    <li>MIUI</li><span>|</span>
                    <li>米聊</li><span>|</span>
                    <li>多看书城</li><span>|</span>
                    <li>小米路由器</li><span>|</span>
                    <li>视频电话</li><span>|</span>
                    <li>小米后院</li><span>|</span>
                    <li>小米天猫店</li><span>|</span>
                    <li>小米淘宝直营店</li><span>|</span>
                    <li>小米网盟</li><span>|</span>
                    <li>问题反馈</li><span>|</span>
                    <li>Select Region</li>
                </ul>
                <p class="line2">&copy;mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
                <p class="line3">违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            </div>
        </div>
    </div>
    <div class="feature">
        <div class="wrapper">
            探索黑科技，小米为发烧而生！
        </div>
    </div>
</body>

</html>